<template>
    <div>
        <p>this is slot</p>
        <slotChild>
            <p :slot="'banana'">banana</p>
            <p :slot="'apple'">apple</p>
            <template v-slot:pear>
                <p>pear</p>
            </template>
        </slotChild>
    </div>
</template>

<script>
import slotChild from './slot1'
export default {
    components: {
        slotChild
    },
    data() {
        return {}
    }
}
</script>